<template>
	<view>
		<uni-nav-bar  left-icon="left" title="常见问题"  :border="false"
			 @clickLeft="back" />
			 
			 <div style="background-color: skyblue; height: 110px;">
				<text class="info">千禧宝贝服务热线:</text><br>
				<text class="infotwo">023(64543543)</text>
			 </div>
			 
		<uni-collapse>	 
			<uni-collapse-item title="1.客户端常见问题一 ？">
				<view class="content">
					<text class="text">			手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
				</view>
			</uni-collapse-item>
			<uni-collapse-item title="2.客户端常见问题二 ?">
				<view class="content">
					<text class="text">		手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
				</view>
			</uni-collapse-item>
			<uni-collapse-item title="3.客户端常见问题三 ？">
				<view class="content">
					<text class="text">		手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
				</view>
			</uni-collapse-item>		
			<uni-collapse-item title="4.客户端常见问题四 ？">
				<view class="content">
					<text class="text">		手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
				</view>
			</uni-collapse-item>
			<uni-collapse-item title="5.客户端常见问题五 ？">
				<view class="content">
					<text class="text">		手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
				</view>
			</uni-collapse-item>	
		</uni-collapse>			 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back(){
				uni.switchTab({
					url:'/pages/home/home'
				})
			}
		}
	}
</script>

<style>
		.content {
			padding: 15px;
		}
		.info{
			color: white;
			font-size: 25px;
			position: relative;
			left: 30px;
			top: 20px;
		}
		.infotwo{
			color: white;
			font-size: 20px;
			position: relative;
			top: 20px;
			left: 30px;
		}

.text {
		font-size: 14px;
		color: #666;
		line-height: 20px;
	}

</style>
